import React from 'react';
import {Tabs} from "antd";
import {AppstoreOutlined} from '@ant-design/icons'
import ComponentLib from "./ComponentLib";
import Layers from "./Layers";

const LeftPanel = () => {
  const tabsItem = [
    {
      key: 'componentLib',
      label: (
        <span>
          <AppstoreOutlined/>
            组件库
          </span>
      ),
      children: <ComponentLib/>
    },
    {
      key: 'layers',
      label: (
        <span>
          <AppstoreOutlined/>
            图层
          </span>
      ),
      children: <Layers/>,
    }
  ]
  return (
    <div>
      <Tabs items={tabsItem} defaultActiveKey={'componentLib'}></Tabs>
    </div>
  );
};

export default LeftPanel;
